* {
    padding: 0;
    margin: 0
}

ul,ol {
    list-style-type: none
}

html {
    font-size: 4vw
}

img {
    width: 100%;
    vertical-align: top
}

input {
    width: 100%;
    border: 0;
    padding: .6rem;
    font-size: 1.2rem;
    outline-style: none;
    box-sizing: border-box
}
.productTitle {
    pointer-events: none;
}
.productTitle .bannerimgone, .productTitle .bannerimgtwo {
    position: relative;
}
.primeMemberApp .equitieswrap {
    display: flex;
    justify-content: space-between;
    min-height: 88.5vh;
    max-height: 88.5vh
}

.primeMemberApp .equitieswrap .titlelist {
    width: 30vw;
    background-color: #f5f7fa;
    color: #777;
    text-align: center;
    overflow-y: scroll;
    margin-bottom: 3.2rem
}

.primeMemberApp .equitieswrap .titlelist .item {
    padding: 1.5rem 0
}

.primeMemberApp .equitieswrap .titlelist .ischecked {
    color: #d49f36;
    background-color: #fff
}

.primeMemberApp .equitieswrap .equitieslist {
    width: 66vw;
    overflow-y: scroll;
    margin-bottom: 3.2rem
}

.primeMemberApp .equitieswrap .equitieslist .item h3[data-v-e286eb19] {
    padding: 1.5rem 0
}

.primeMemberApp .equitieswrap .equitieslist .item .infolist[data-v-e286eb19] {
    display: flex;
    flex-wrap: wrap
}

.primeMemberApp .equitieswrap .equitieslist .item .infolist .infoitem[data-v-e286eb19] {
    width: 30%;
    margin-right: 2vw;
    font-size: .8rem;
    text-align: center
}

.primeMemberApp .equitieswrap .equitieslist .item .infolist .infoitem>img[data-v-e286eb19] {
    width: 18vw;
    height: 18vw
}

.primeMemberApp .equitieswrap .equitieslist .item .infolist .infoitem>div[data-v-e286eb19] {
    padding: .6rem 0
}

.primeMemberApp .equitieswrap .equitieslist .item .infolist .greyout[data-v-e286eb19] {
    filter: grayscale(100%)
}

.primeMemberApp .handlebtnwrap[data-v-e286eb19] {
    width: 100%;
    position: fixed;
    bottom: 0;
    background-color: #c1d6f8;
    padding: 1rem 0;
    display: flex;
    justify-content: space-evenly;
    z-index: 2
}

.primeMemberApp .handlebtnwrap .item[data-v-e286eb19] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32%;
    font-size: .8rem
}

.primeMemberApp .handlebtnwrap .item>.img[data-v-e286eb19] {
    width: 1rem;
    height: 1rem;
    margin-right: .2rem
}

.primeMemberApp .loginmask[data-v-e286eb19] {
/*    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background-color: #000000a8;
    z-index: 2*/

    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    background-color: #000000a8;
}

/*.primeMemberApp .loginmask .loginwrap[data-v-e286eb19] {
    position: relative;
    width: 76%;
    margin: 50vw auto 0;
    background-color: #fff;
    border-radius: .8rem;
    padding: 1rem
}*/
.primeMemberApp .loginmask .loginwrap[data-v-e286eb19] {

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    background-color: #fff;
    border-radius: .8rem;
    padding: 1rem;
    width: 76%;
}

.primeMemberApp .loginmask .loginwrap h3[data-v-e286eb19] {
    text-align: center;
    margin-bottom: .5rem
}

.primeMemberApp .loginmask .loginwrap h4[data-v-e286eb19] {
    color: #999;
    text-align: center
}

.primeMemberApp .loginmask .loginwrap .inputwrap[data-v-e286eb19] {
    border: 2px solid #ebe9e9;
/*    margin: 1.5rem 0;*/
margin: 1.0rem 0;
    border-radius: .5rem;
    font-size: .8rem;
    display: flex;
    align-items: center
}

.primeMemberApp .loginmask .loginwrap .inputwrap>input[data-v-e286eb19] {
    font-size: 1rem;
    border-radius: .5rem
}

.primeMemberApp .loginmask .loginwrap .inputwrap .sendbtn[data-v-e286eb19] {
    width: 50%;
    color: #00f
}

.primeMemberApp .loginmask .loginwrap .sublogin[data-v-e286eb19] {
    width: 80%;
/*    margin: 2.5rem auto 1rem;*/
margin: 0.3rem auto 0.3rem;
    background-color: #fb3623;
    text-align: center;
    font-size: 1.2rem;
    color: #fff;
    border-radius: 2rem;
/*    padding: .66rem 0*/
padding: .1rem 0
}

.primeMemberApp .loginmask .loginwrap .subclose[data-v-e286eb19] {
    background-color: #8ab7ff
}

.primeMemberApp .loginmask .loginwrap .close[data-v-e286eb19] {
    position: absolute;
    width: 62px;
    right: 2vw;
    top: -10vw
}

.primeMemberApp .loginmask .loginwrap .infowrap[data-v-e286eb19] {
    min-height: 30vw;
    max-height: 88vw;
    overflow-y: scroll;
    font-size: .65rem
}

.primeMemberApp .loginmask .loginwrap .infowrap .infolist[data-v-e286eb19] {
    text-align: center
}

.primeMemberApp .loginmask .loginwrap .infowrap .infolist .infoitem[data-v-e286eb19] {
    display: flex;
    justify-content: space-between;
    margin-bottom: .5rem
}

.primeMemberApp .loginmask .loginwrap .infowrap .infolist .infoitem .name[data-v-e286eb19],.primeMemberApp .loginmask .loginwrap .infowrap .infolist .infoitem .price[data-v-e286eb19],.primeMemberApp .loginmask .loginwrap .infowrap .infolist .infoitem .type[data-v-e286eb19] {
    width: 24%
}

.primeMemberApp .loginmask .loginwrap .infowrap .infolist .infoitem .time[data-v-e286eb19] {
    width: 49%
}
.primeMemberApp .equitieswrap .equitieslist .item .infolist .infoitem .handlebtn[data-v-e286eb19] {
    width: 18vw;
    position: absolute;
    right: 2.5vw;
    top: 18vw;
}

.primeMemberApp .loginmask .loginwrap .memberitem[data-v-e286eb19] {
    text-align: center
}

.primeMemberApp .loginmask .loginwrap .memberitem .img[data-v-e286eb19] {
    width: 18vw;
    margin: auto
}

.primeMemberApp .loginmask .loginwrap .memberitem .name[data-v-e286eb19] {
    font-size: 1.2rem;
    font-weight: 700;
    margin: 1rem
}

.primeMemberApp .loginmask .loginwrap .memberitem .desc[data-v-e286eb19] {
    font-size: .8rem
}

.primeMemberApp .loginmask .loginwrap .memberitem .btn[data-v-e286eb19] {
    width: 80%;
    margin: auto;
    background-color: #fb3825;
    font-size: 1.2rem;
    font-weight: 700;
    color: #fff;
    border-radius: 2rem;
    padding: .66rem 0;
    margin-top: 1.5rem
}
.messagePop>div[data-v-5e62a61f] {
    position: fixed;
    z-index: 100;
    width: 80%;
    background-color: #eef2fc;
    text-align: center;
    left: 0;
    right: 0;
    margin: auto;
    padding: .5rem;
    border: 1px solid #efefef;
    border-radius: .4rem;
    color: #909399
}

.messagePop .success[data-v-5e62a61f] {
    background-color: #f0f9eb;
    border: 1px solid #E2F3D9;
    color: #70c040
}

.messagePop .warning[data-v-5e62a61f] {
    background-color: #fcf6ec;
    border: 1px solid #FBF4E8;
    color: #dfa445
}

.messagePop .error[data-v-5e62a61f] {
    background-color: #fdf0f0;
    border: 1px solid #FBE3E2;
    color: #f29996
}
